<template>
  <div class="confirm">
    <van-nav-bar
      title="订单列表"
      left-arrow
      @click-left="$router.back()"
    />
    <van-tabs v-model="active">
      <van-tab title="全部">
        <van-empty
          class="custom-image"
          description="登录后查看我的订单"
          image="https://img01.yzcdn.cn/vant/custom-empty-image.png"
        >
          <van-button round type="default" color="#ccc" class="bottom-button" to="/login">立即登录</van-button>
        </van-empty>
      </van-tab>
      <van-tab title="待付款">
        <van-empty
          class="custom-image"
          description="登录后查看我的订单"
          image="https://img01.yzcdn.cn/vant/custom-empty-image.png"
        >
          <van-button round type="default" color="#ccc" class="bottom-button" to="/login">立即登录</van-button>
        </van-empty>
      </van-tab>
      <van-tab title="待发货">
        <van-empty
          class="custom-image"
          description="登录后查看我的订单"
          image="https://img01.yzcdn.cn/vant/custom-empty-image.png"
        >
          <van-button round type="default" color="#ccc" class="bottom-button" to="/login">立即登录</van-button>
        </van-empty>
      </van-tab>
      <van-tab title="已发货">
        <van-empty
          class="custom-image"
          description="登录后查看我的订单"
          image="https://img01.yzcdn.cn/vant/custom-empty-image.png"
        >
          <van-button round type="default" color="#ccc" class="bottom-button" to="/login">立即登录</van-button>
        </van-empty>
      </van-tab>
      <van-tab title="退换货">
        <van-empty
          class="custom-image"
          description="登录后查看我的订单"
          image="https://img01.yzcdn.cn/vant/custom-empty-image.png"
        >
          <van-button round type="default" color="#ccc" class="bottom-button" to="/login">立即登录</van-button>
        </van-empty>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  name: 'Confirm',
  data() {
    return {
      active: 2,
    }
  },
}
</script>

<style lang="less" scoped>
  .custom-image{
    margin-top: 50px;
  }
  .bottom-button {
    width: 160px;
    height: 40px;
  }
</style>
